﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Register Page</title>
    <style type="text/css">


.top
{
	font-family:tahoma;
	color:#7E7E7E;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;

}
        .style1
        {
            width: 33%;
            height: 162px;
        }
        .style2
        {
            height: 59px;
        }
        .style3
        {
            height: 59px;
            width: 154px;
        }
        .style5
        {
            width: 154px;
        }
    </style>
</head>
<body style="text-align: center">
    <form id="form1" runat="server">
    <div>
        <table align="center"><tr><td>
        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="762">
            <tr align="left" valign="top">
                <td width="27">
                    <img height="75" src="images/redleft.gif" width="27" /></td>
                <td width="234" align="left" valign="middle" background="images/red_bg.gif" 
                    class="caption" style="color: #FFFFFF; font-weight: bold">
              COMPUTER STORE </td>
                <td align="right" background="images/red_bg.gif" valign="middle" width="476">
                    <table border="0" cellpadding="0" cellspacing="0" width="35%">
                        <tr align="left" valign="top">
                            <td colspan="2" height="25">
                                <select name="select">
                                    <option>--Product Search--</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td height="25">
                                <input name="textfield" size="19" type="text" value="-- Enter Keyword--" /></td>
                            <td align="center" valign="middle" width="25">
                                <a href="#">
                                <img border="0" height="16" src="images/search.gif" width="17" /></a></td>
                        </tr>
                    </table>
                </td>
                <td width="25">
                    <img height="75" src="images/redright.gif" width="25" /></td>
            </tr>
        </table>
                        <table width="762" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr align="left" valign="top"> 
          <td width="27"><img src="images/grey_left.gif" width="27" height="40"></td>
          <td width="128" align="center" valign="top" background="images/silver_bg.gif"><table width="85%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td height="9" align="center" valign="top"><img src="images/arrowdown.gif" width="11" height="9"></td>
              </tr>
              <tr> 
                <td height="23" align="center" valign="middle"><a href="Default.aspx" class="top">
                    Home</a></td>
              </tr>
            </table></td>
          <td width="17" align="center" valign="top"><img src="images/divider.gif" width="17" height="40"></td>
          <td width="128" align="center" valign="top" background="images/silver_bg.gif"><table width="85%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td height="9" align="center" valign="top"><img src="images/arrowdown.gif" width="11" height="9"></td>
              </tr>
              <tr> 
                <td height="23" align="center" valign="middle"><a href="#" class="top">products</a></td>
              </tr>
            </table></td>
          <td width="17" align="center" valign="top"><img src="images/divider.gif" width="17" height="40"></td>
          <td width="128" align="center" valign="top" background="images/silver_bg.gif"><table width="85%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td height="9" align="center" valign="top"><img src="images/arrowdown.gif" width="11" height="9"></td>
              </tr>
              <tr> 
                <td height="23" align="center" valign="middle"><a href="#" class="top">shopping</a></td>
              </tr>
            </table></td>
          <td width="17" align="center" valign="top"><img src="images/divider.gif" width="17" height="40"></td>
          <td width="128" align="center" valign="top" background="images/silver_bg.gif"><table width="85%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td height="9" align="center" valign="top"><img src="images/arrowdown.gif" width="11" height="9"></td>
              </tr>
              <tr> 
                <td height="23" align="center" valign="middle">
                    <asp:LinkButton ID="ltbnShopCart" runat="server" Font-Bold="True" 
                        Font-Names="Tahoma" Font-Size="11px" Font-Underline="False" 
                        ForeColor="#7E7E7E" onclick="ltbnShopCart_Click">Shop Cart</asp:LinkButton></td>
              </tr>
            </table></td>
          <td width="17" align="center" valign="top"><img src="images/divider.gif" width="17" height="40"></td>
          <td width="131" align="center" valign="top" background="images/silver_bg.gif"><table width="85%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td height="9" align="center" valign="top"><img src="images/arrowdown.gif" width="11" height="9"></td>
              </tr>
              <tr> 
                <td height="23" align="center" valign="middle"><a href="Personal.aspx" class="top">
                    Personal</a></td>
              </tr>
            </table></td>
          <td width="24"><img src="images/grey_right.gif" width="25" height="40"></td>
        </tr>
      </table>
        <table style="width: 762px;">
            <tr >
                <td class="style3">
                    &nbsp;
                </td>
                <td class="style2">
                    <asp:Label ID="Label3" runat="server" Font-Bold="True" Font-Size="X-Large" 
                        ForeColor="#CC0000" Text="Register Page"></asp:Label>
                    &nbsp;
                </td>
                <td class="style2">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td style="width:20%;">
                    &nbsp;
                </td>
                <td style="width:60%;">
                    &nbsp;
                    <table style="width: 100%; height: 100%;" width="100%">
                        <tr>
                            <td>
                                <asp:Label ID="Label1" runat="server" Font-Bold="True" Text="Username"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtUsername" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                    ControlToValidate="txtUsername" ErrorMessage="Username is not blank"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label2" runat="server" Font-Bold="True" Text="Password"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                    ControlToValidate="txtPassword" ErrorMessage="Password is not blank"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label4" runat="server" Font-Bold="True" Text="Retype-Password"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtRetypePassword" runat="server" TextMode="Password"></asp:TextBox>
                            </td>
                            <td>
                                <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                    ControlToCompare="txtRetypePassword" ControlToValidate="txtPassword" 
                                    ErrorMessage="CompareValidator"></asp:CompareValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label5" runat="server" Font-Bold="True" Text="Name"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                    ControlToValidate="txtName" ErrorMessage="Name is not blank"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label6" runat="server" Font-Bold="True" Text="Phone"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtPhone" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label7" runat="server" Font-Bold="True" Text="Address"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                    ControlToValidate="txtAddress" ErrorMessage="Address is not blank"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label8" runat="server" Font-Bold="True" Text="Email"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                                    ControlToValidate="txtEmail" ErrorMessage="Email is not blank"></asp:RequiredFieldValidator>
                    <br />
                    <asp:RegularExpressionValidator ID="regexEmailValid" runat="server" 
                        ControlToValidate="txtEmail" ErrorMessage="Invalid email format" 
                        ValidationExpression="^[a-zA-Z][a-zA-Z0-9_-]+@[a-zA-Z]+[.]{1}[a-zA-Z]+$"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;</td>
                            <td>
                                <asp:Button ID="btnRegister" runat="server" Text="Register" 
                                    onclick="btnRegister_Click" style="height: 26px" 
                                     />
                                <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
                            </td>
                            <td>
                                &nbsp;</td>
                        </tr>
                    </table>
                </td>
                <td class="style1">
                    &nbsp;
                    </td>
            </tr>
            <tr>
                <td class="style5">
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
        </td></tr></table>
    </div>
    </form>
</body>
</html>

